<%--
  Created by IntelliJ IDEA.
  User: 雪峰
  Date: 2016/5/7
  Time: 19:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>各个城市互联网发展状况</title>
    <jsp:include page="/common/header.jsp"/>
    <!-- 这里用requirejs来做模块加载器 -->
    <script src="http://requirejs.org/docs/release/2.1.20/minified/require.js"></script>
    <!-- Chartx图表库文件引入，这里已1.9.21的cdn版本为例 -->
    <script src="http://g.tbcdn.cn/thx/charts/1.9.51/chartx/index-min.js"></script>
</head>
<body>
<jsp:include page="/common/navbar.jsp"/>
<div id="allTest" style="width:600px;height:300px;"></div>
<script>
    var data = [
        ["北京", "上海", "广州", "深圳", "杭州", "成都"],
        [13, 16, 11, 7, 10, 9]
    ];
    var options = {
        //配置默认进度
        r: 100,
        field: ["北京", "上海", "广州", "深圳", "杭州", "成都"],
        dataType: "absolute"//告诉图表传入的数据是绝对值，需要图表自己换算成为比例
    }
    Chartx.progress("allTest", data, options).then(function (chart) {
        //chart.setRatio( 60 );
    });

</script>
</body>
</html>
